const setCustomDndPanel = (lf) => {
    const startConfig = {
        type: 'start',
        label: '开始',
        text:{
            editable: false
        },
        svg: {
            name: 'bpm-start',
            width: '26px',
            height: '26px',
            color: 'var(--el-text-color-primary)'
        },
        properties: {
            width: 50,
            height: 50,
            customNodeTypeName: '开始',
            customNodeCode: null,
            customNodeName: '开始',
            customNodeColor: '#63CBC6'
        }
    };
    const userConfig = {
        type: 'userTask',
        label: '用户任务',
        text:{
            editable: false
        },
        svg: {
            name: 'bpm-userTask',
            width: '26px',
            height: '26px',
            color: 'var(--el-text-color-primary)'
        },
        properties: {
            width: 150,
            height: 90,
            customNodeTypeName: '用户任务',
            customNodeCode: null,
            customNodeName: '用户任务',
            customNodeColor: 'rgb(106,142,234)'
        }
    };
    const serviceConfig = {
        type: 'systemTask',
        label: '系统任务',
        text:{
            editable: false
        },
        svg: {
            name: 'bpm-systemTask',
            width: '26px',
            height: '26px',
            color: 'var(--el-text-color-primary)'
        },
        properties: {
            width: 150,
            height: 90,
            customNodeTypeName: '系统任务',
            customNodeCode: null,
            customNodeName: '系统任务',
            customNodeColor: 'rgb(73,164,228)'
        }
    };
    const exclusiveGatewayConfig = {
        type: 'gateway',
        label: '网关',
        text:{
            editable: false
        },
        svg: {
            name: 'bpm-geteway',
            width: '26px',
            height: '26px',
            color: 'var(--el-text-color-primary)'
        },
        properties: {
            width: 80,
            height: 80,
            customNodeTypeName: '网关',
            customNodeCode: null,
            customNodeName: '网关',
            customNodeColor: 'rgb(125,97,233)'
        }
    };
    const endConfig = {
        type: 'end',
        label: '结束',
        text:{
            editable: false
        },
        svg: {
            name: 'bpm-end',
            width: '26px',
            height: '26px',
            color: 'var(--el-text-color-primary)'
        },
        properties: {
            width: 50,
            height: 50,
            customNodeTypeName: '结束',
            customNodeCode: null,
            customNodeName: '结束',
            customNodeColor: '#f65689'
        }
    };
    lf.extension.customDndPanel.setPatternItems([
        startConfig,
        userConfig,
        serviceConfig,
        exclusiveGatewayConfig,
        endConfig
    ]);
};

export default setCustomDndPanel;